.data-left01{
  width: 79%;
  height: 19vh;
}
.data-content-left01{
  width: 100%;
  height: 15vh;
}
.data-left02{
  width: 79%;
  height: 29vh;
}
.data-content-left02{
  width: 100%;
  height: 25vh;
}
.data-left03{
  width: 79%;
  height: 37vh;
}
.data-content-left03{
  width: 100%;
  height: 33vh;
}
.data-right01{
  width: 100%;
  height: 36vh;
}
.data-content-right01{
  width: 100%;
  height: 32vh;
}
.data-right02{
  width: 100%;
  height: 47vh;
  margin-top: 4vh;
}
.data-content-right02{
  width: 100%;
  height: 43vh;
}

.data-border {
  padding: 15px 15px 15px 15px;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  overflow: hidden;
}
.box1-content-right{
  width: 26vw;
  justify-content: flex-start;

}

/*重点指标*/
.keyTop{
  display: flex;
  align-items: center;
  margin: 1vh 0;
}
.keyTop div{
  width: 8vw;
  height: 4vh;
  background: rgba(39,86,197,0.5);
  box-shadow: inset 0px 0px 13px 0px #3536EE, 0px -2px 27px 0px rgba(85,136,219,0.25);
  border-radius: 50px 50px 50px 50px;
  border: 1px solid #598CE2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.keyTop div p{
  font-size: 18px;
  font-weight: 500;
  font-family: Alibaba PuHuiTi-Medium, Alibaba PuHuiTi;
  color: #8FBDFF;
  line-height: 24px;
}
.keyTop > p{
  padding-left: 2.5vw;
  font-size: 24px;
  font-weight: 500;
  color: rgba(255,255,255,0.8);
  line-height: 24px;
}
.keyTop > p >b{
  padding-left: 1.2vw;
}

.yoyList{
  width: 80%;
  padding: 5% 0 0 10%;
  display: flex;
  justify-content: space-between;
}
.yoyList li p{
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
}
.yoyList li p span{
  font-size: 20px;
  font-weight: 800;
  color: #00AC54;
}

/*住院情况*/
.hospitalStatusPicture{
  width: 100%;
  height: 100%;
}

/*病人情况*/
.patientSituationPicture,.operatingRoomPicture{
  width: 100%;
  height: 100%;
}

/*各科床位使用率*/
.bed{
  display: flex;
  align-items: center;
  margin: 2vh 0.5vw 2vh 0.5vw;
  width: 100%;
  height: 20%;
}

.bedUse{
  display: flex;
  align-items: center;
}
.bedUse div{
  display: flex;
  align-items: center;
  height: 5vh;
  width: 120%;
  background: url("/static/img/hospital/Rectangle 34624840.svg") center no-repeat;
  background-size: 100%;
}
.bedUse i{
  width: 3.5vw;
  height: 3.5vw;
  display: flex;
  align-items: center;
  background:url("/static/img/hospital/bed.svg") center no-repeat;
  background-size: 100%;
}
.bedUse p{
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
  margin-left: 0.5vw;
}
.bedUse p b{
  padding-left: 1vw;
}
.thresholdList{
  width: 40%;
  height: 100%;
  margin-top: 4%;
  margin-left: 10%;
}
.threshold{
  display: flex;
  align-items: center;
  height: 28%;
}
.threshold i{
  display: flex;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #57EBEA;
  margin: 0 0.5vw;
}
.threshold p{
  font-size: 12px;
  font-family: Alibaba PuHuiTi-Regular, Alibaba PuHuiTi;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  line-height: 18px;
}
.thresholdList .threshold:nth-child(2) i{
  background: #EDB213;
}
.thresholdList .threshold:nth-child(3) i{
  background: #E36C65;
}
.tableNumber{
  display: flex;
  align-items: center;
  justify-content: center;
}
.tableNumber .iconColor{
  display: flex;
  width: 12px;
  height: 12px;
  background: #57EBEA;
  border-radius: 50px 50px 50px 50px;
  align-items: center;
  margin-right: 0.5vw;
}
.tableNumber{
  width: 4vw;
}
.tableNumber p{
  width: 2.5vw;
}
.table{
  width: 100%;
  height: 100%;
}
.tableBorder{
  width: 100%;
  height: 100%;
}